<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>:: JSP 프로젝트 v1 ::</title>
<link href="css/normalize.css" rel="stylesheet">
<style type="text/css">
	body {width: 970px; margin: 0 auto; /* border: 1px solid red; */}
	
	/* 스타일 초기 설정 */
	body {font-family:"맑은 고딕";}
	ul {list-style-type: none;}
	a:link {color:black; text-decoration:none;}	/*링크설정*/
	a:visited {color:black; text-decoration:none;}	/*클릭한링크설정*/
	a:hover {color:red; text-decoration:underline;}	/*롤오버링크설정*/
	a:active {color:black; text-decoration:underline;}	/*클릭중링크설정*/
	.hr {border:1px solid black; clear:both;}	/*수평선태그*/
	.centerme {margin: 100px auto; display:block;}
	.copy {text-align:center; margin:15px 0;}	/*저작권정렬*/
	
	/* 컨텐츠 영역 지정 */
	header {height: 120px; /* border: 1px solid blue; */}
	#contents {min-height: 550px;}
	footer {height: 100px; /* border: 1px solid green; */}
	
	/* 상단메뉴영역 */
	#nav {padding-bottom:10px;}
	#nav li {float: left;/* 수평배치 */
			 margin-left: 100px; /* li요소 바깥여백 지정 */}
	
	/*메인 이미지 정렬*/
	.mainlogo{padding-top:100px;}
	
</style>
</head>
<body>
	<header>
		<h1>JSP 프로젝트 v1</h1>
		<ul id="nav">
			<li>
				<a href="index.html">HOME</a>
			</li>
			<li>
				<a href="join.html">회원가입</a>
			</li>
			<li>
				<a href="login.html">로그인</a>
			</li>
			<li>
				<a href="list.html">게시판</a>
			</li>
			<li>
				<a href="myinfo.html">회원정보</a>
			</li>
		</ul>
		<!-- <hr/> --><!-- 사용안함 -->
		<div class="hr"></div><!-- 구분선 -->
	</header>
	<div id="contents">
		<img alt="이미지" src="imgs/rhd2.jpg" class="centerme mainlogo"/>
	</div>
	<footer>
		<div class="hr"></div>
		<p class="copy">copyrights ⓒ 2014. rmaqlc31. All Rights Reserved.</p>
	</footer>
	
	<script type="js/jquery-1.11.1.min.js"></script>
	<script type="js/rmaqlc31.js"></script>
	
</body>
</html>